<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns="http://www.w3.org/1999/xhtml"
                template="./../home.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:define name="content">
        <div class="col-lg-12">
            <h3 class="page-header" id="comercios">
                Asignación de 
                <h:outputText value="Cuentas" style="color:#00BFFF;" />
                <h:link value="Regresar a Listado" outcome="list.xhtml" styleClass="pull-right" style="font-size: 16px; margin-right: 30px;"  />   
            </h3>
            <div class="col-lg-12">
                <div class="panel panel-primary">
                    <div class="panel-heading" style="font-weight: bold;">Asignacion de Cuentas</div>
                    <div class="panel-body">
                        <h:form id="frmRegistraAsig" styleClass="form-horizontal" >
                            <f:event type="preRenderView" listener="#{asignadorControlador.initRegistrar}" />
                            <h:messages globalOnly="true" styleClass="list-group" infoClass="list-group-item list-group-item-success"
                                        errorClass="list-group-item list-group-item-danger"  />
                            <div class="form-group has-feedback">
                                <label for="marca" style="font-size: 15px;" class="col-sm-2 control-label">Empleado :</label>
                                <div class="col-sm-6 col-md-4">
                                    <p:inputText styleClass="form-control" style="float: left;
                                                 width: 85%;" disabled="true"  value="#{asignadorControlador.empleado.nombreCompleto}" />
                                    <p:commandButton update=":dlgEmpl" icon="icon-fin"   oncomplete="PF('dlgEmpl').show();"/>
                                </div>
                            </div>
                            <div class="form-group has-feedback">
                                <label for="marca" style="font-size: 15px;" class="col-sm-2 control-label">Cuenta :</label>
                                <div class="col-sm-6 col-md-4">
                                    <p:inputText styleClass="form-control" style="float: left;
                                                 width: 85%;" disabled="true"  value="#{asignadorControlador.user.nick}" />
                                    <p:commandButton update=":dlgUser" icon="icon-fin"   oncomplete="PF('dlgUser').show();"/>
                                </div>
                            </div>
                            <p:commandButton value="Guardar" actionListener="#{asignadorControlador.asignar}" update="@form" styleClass="btn btn-primary"/>
                        </h:form>
                    </div>
                </div>
            </div>
        </div>

        <!-- DIALOG DE EMPLEADOS SIN  CUENTA  -->

        <p:dialog  modal="true" width="600" resizable="false" id="dlgEmpl" header="Empleados Disponibles" widgetVar="dlgEmpl" position="center top">
            <h:form styleClass="form-horizontal">
                <p:dataTable  value="#{asignadorControlador.empleadosSinUsers}" var="list" emptyMessage="No existen empleados Disponibles" 
                              paginator="true" rows="10" lazy="true" rowIndexVar="rowIndex"
                              paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"   >
                    <p:column style="text-align: center;width: 10%;">
                        <f:facet name="header">
                            #
                        </f:facet>
                        <h:outputText value="#{rowIndex+1}" />
                    </p:column>
                    <p:column style="text-align: center;">
                        <f:facet name="header">
                            Nombre
                        </f:facet>
                        <h:outputText value="#{list.nombre}" />
                    </p:column>
                    <p:column style="text-align: center;">
                        <f:facet name="header">
                            Apellidos
                        </f:facet>
                        <h:outputText value="#{list.apellidos}" />
                    </p:column>
                    <p:column style="text-align: center;">
                        <f:facet name="header">
                            Tipo
                        </f:facet>
                        <h:outputText value="#{list.tipo.descripcion}" />
                    </p:column>
                    <p:column style="text-align: center;">
                        <f:facet name="header">
                            Telefono
                        </f:facet>
                        <h:outputText value="#{list.telefono}" />
                    </p:column>
                    <p:column style="text-align: center;width: 12%;">
                        <p:commandButton icon="icon-choice" update=":frmRegistraAsig"  oncomplete="PF('dlgEmpl').hide();"    >
                            <f:setPropertyActionListener value="#{list}" target="#{asignadorControlador.empleado}" />
                        </p:commandButton>
                    </p:column>
                </p:dataTable> 
            </h:form>
        </p:dialog>

        <!-- DIALOG DE CUENTAS DISPONIBLES -->
        
        <p:dialog  modal="true" width="600" resizable="false" id="dlgUser" header="Cuentas Disponibles" widgetVar="dlgUser" position="center top">
            <h:form styleClass="form-horizontal">
                <p:dataTable  value="#{asignadorControlador.cuentasSinAsignar}" var="list" emptyMessage="No existen empleados Disponibles" 
                              paginator="true" rows="10" lazy="true" rowIndexVar="rowIndex"
                              paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"   >
                    <p:column style="text-align: center;width: 10%;">
                        <f:facet name="header">
                            #
                        </f:facet>
                        <h:outputText value="#{rowIndex+1}" />
                    </p:column>
                    <p:column style="text-align: center;">
                        <f:facet name="header">
                            Cuenta
                        </f:facet>
                        <h:outputText value="#{list.nick}" />
                    </p:column>
                    <p:column style="text-align: center;">
                        <f:facet name="header">
                            Perfil
                        </f:facet>
                        <h:outputText value="#{list.perfil.nombre}" />
                    </p:column>
                    <p:column style="text-align: center;width: 12%;">
                        <p:commandButton icon="icon-choice" update=":frmRegistraAsig"  oncomplete="PF('dlgUser').hide();"    >
                            <f:setPropertyActionListener value="#{list}" target="#{asignadorControlador.user}" />
                        </p:commandButton>
                    </p:column>
                </p:dataTable> 
            </h:form>
        </p:dialog>

    </ui:define>



</ui:composition>